<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<!-- 展示View视图 -->
		<div id="app">
			{{msg}}
		</div>  
	</body>
	
	<script type="text/javascript">
		 /* data可以有 3种形式：
		       1、js对象；
			   2、函数形式
			   3、ES6(js6)类似函数（死记）
	     */
		 new Vue({  
			el:"#app",
			/* js对象 */
		/* 	data:{
				msg:"道彰，则恶不显；道晦，则神剑出"
			} */
			//函数形式
			/* data:function(){
				return {
					msg:"天命在我"
				}
			} */
			//类似函数
			data(){
				return{
					msg:"我来问道无余说过，云在青天水在瓶"
				}
			}
			
		 });
	</script>
</html>
